import { Img } from "esy-ui"
import React from "react"

const imgs = [
    "https://img1.baidu.com/it/u=3956696993,2394536899&fm=253",
    "https://img1.baidu.com/it/u=1123629022,3772058787&fm=253",
    "https://img2.baidu.com/it/u=1359702341,1114826771&fm=253",
    "https://img0.baidu.com/it/u=901848105,4150490719&fm=253",
    "https://img0.baidu.com/it/u=810383238,866678109&fm=253",
    "https://img2.baidu.com/it/u=2192827672,2734744588&fm=253",
    "https://img1.baidu.com/it/u=1168924852,2631765159&fm=253",
    "https://img2.baidu.com/it/u=1104899060,3543229330&fm=253",
    "https://img0.baidu.com/it/u=696211565,3016952976&fm=253"
]

export const DemoL1 = () => {
    return (
        <div className="h-40 overflow-y-auto show-thumb w-full border border-solid border-primary">
            {imgs.map((url, i) => (
                <Img className="w-full object-contain" key={i} src={url} />
            ))}
        </div>
    )
}

export const demoL1Json = `
import { Img } from "esy-ui"
import React from "react"

const imgs = [
    "https://img1.baidu.com/it/u=3956696993,2394536899&fm=253",
    "https://img1.baidu.com/it/u=1123629022,3772058787&fm=253",
    "https://img2.baidu.com/it/u=1359702341,1114826771&fm=253",
    "https://img0.baidu.com/it/u=901848105,4150490719&fm=253",
    "https://img0.baidu.com/it/u=810383238,866678109&fm=253",
    "https://img2.baidu.com/it/u=2192827672,2734744588&fm=253",
    "https://img1.baidu.com/it/u=1168924852,2631765159&fm=253",
    "https://img2.baidu.com/it/u=1104899060,3543229330&fm=253",
    "https://img0.baidu.com/it/u=696211565,3016952976&fm=253"
]

export const DemoL1 = () => {
    return (
        <div className="h-40 overflow-y-auto show-thumb w-full border border-solid border-primary">
            {imgs.map((url, i) => (
                <Img className="w-full object-contain" key={i} src={url} />
            ))}
        </div>
    )
}
`
